<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>心愿单 - 爱彼迎</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/tsk.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.min.js"></script>
    <script src="js/base.js" type="module"></script>
    <script src="js/request.js" type="module"></script>
    <script src="js/wishdetail.js" type="module"></script>
</head>

<body>
    <div class="PromptBox"></div>

    <div class="main" style="display: block;">
        <div class="fixbox">
            <div class="mainbody" style="width: 1200px;">
                <!-- 导航 -->
                <div class="nav" style="width: 1200px;">
                    <div class="nav-l">
                        <a href="index.html"><img src="picture/logo.png" alt=""></a>
                    </div>
                    <div class="nav-m">

                    </div>
                    <div class="nav-r">
                        <div class="nav-r-2">
                            <div class="nav-r-2-svg1">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                    role="presentation" focusable="false"
                                    style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                                    <g fill="none">
                                        <path d="M2 16h28M2 24h28M2 8h28"></path>
                                    </g>
                                </svg>
                            </div>
                            <div class="nav-r-2-svg2">
                                <div class="nav-r-2-svg2">
                                    <img src="https://z1.muscache.cn/defaults/user_pic-50x50.png?v=3&im_w=240" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="nav-r-1">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; height: 16px; width: 16px; fill: currentcolor;">
                                <path
                                    d="M8 .25a7.77 7.77 0 0 1 7.75 7.78 7.75 7.75 0 0 1-7.52 7.72h-.25A7.75 7.75 0 0 1 .25 8.24v-.25A7.75 7.75 0 0 1 8 .25zm1.95 8.5h-3.9c.15 2.9 1.17 5.34 1.88 5.5H8c.68 0 1.72-2.37 1.93-5.23zm4.26 0h-2.76c-.09 1.96-.53 3.78-1.18 5.08A6.26 6.26 0 0 0 14.17 9zm-9.67 0H1.8a6.26 6.26 0 0 0 3.94 5.08 12.59 12.59 0 0 1-1.16-4.7l-.03-.38zm1.2-6.58-.12.05a6.26 6.26 0 0 0-3.83 5.03h2.75c.09-1.83.48-3.54 1.06-4.81zm2.25-.42c-.7 0-1.78 2.51-1.94 5.5h3.9c-.15-2.9-1.18-5.34-1.89-5.5h-.07zm2.28.43.03.05a12.95 12.95 0 0 1 1.15 5.02h2.75a6.28 6.28 0 0 0-3.93-5.07z">
                                </path>
                            </svg>
                        </div>
                        <a href="publish.html" class="add_fangyuan" style="display: none;">发布房源</a>


                        <div class="nav_box">
                            <a href="order.html">订单</a>
                            <a href="wish.html">心愿单</a>
                            <a href="lodger.html">账号</a>
                            <a href="login.html">退出</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mainbody">

            <div class="wishmask" style="display: none;"></div>
            <div class="wishdetail">
                <div class="wishdetail_nav">
                    <button class="back_wish">
                        <span class="ism5y6t dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
                                aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 4; overflow: visible;">
                                <g fill="none">
                                    <path d="M4 16h26M15 28 3.7 16.7a1 1 0 0 1 0-1.4L15 4"></path>
                                </g>
                            </svg></span>
                    </button>
                    <button aria-label="设置" data-testid="list-details-marquee__button-to-open-settings" type="button"
                        class="wish_detail"><span class="ism5y6t dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 16 16" aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; height: 18px; width: 18px; fill: currentcolor;">
                                <path
                                    d="M3 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z">
                                </path>
                            </svg></span></button>
                </div>
                <div style="padding-left: 20px;">
                    <div class="wishdetail_name"></div>
                    <div class="wishdetail_addmain" style="position: relative;">
                        <div class="wishdetail_addman" style="position: relative;">添加房客</div>
                        <div class="w_renshubox">
                            <div class="delete_wish_close w_renshubox_close" style="top: 25px;left: 30px;">
                                <button aria-label="删除「哈哈哈」（未共享）" type="button"
                                    class="l1ovpqvx cwgqky9 dir dir-ltr"><span class="i13tpwjr dir dir-ltr"><svg
                                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"
                                            role="presentation" focusable="false"
                                            style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                            <path
                                                d="m14.3.3 1.4 1.4L9.43 8l6.29 6.3-1.42 1.4L8 9.43 1.7 15.7.3 14.29 6.57 8 .3 1.7 1.71.3 8 6.57z">
                                            </path>
                                        </svg></span></button>
                            </div>
                            <div class="w_renshubox_t">
                                <div class="renshu">
                                    <div class="renshu_l">
                                        <div style="height: 20px;line-height: 20px;">成人</div>
                                        <div style="font-size: 14px; color: #717171;height: 18px;">13岁以上</div>
                                    </div>
                                    <div>
                                        <div class="ren_reduce"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                aria-label="减" focusable="false"
                                                style="height: 16px; width: 16px; display: block; fill: #b2dadb;">
                                                <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                            </svg></div>
                                        <div class="ren_tenant">1</div>
                                        <div class="ren_add"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                aria-label="加" focusable="false"
                                                style="height: 16px; width: 16px; display: block; fill: #008489;">
                                                <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                <rect height="12" rx="1" width="2" x="11" y="6"></rect>
                                            </svg></div>
                                    </div>
                                </div>
                                <div class="renshu">
                                    <div class="renshu_l">
                                        <div style="height: 20px;line-height: 20px;">儿童</div>
                                        <div style="font-size: 14px; color: #717171;height: 18px;">2-12岁</div>
                                    </div>
                                    <div>
                                        <div class="ren_reduce"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                aria-label="减" focusable="false"
                                                style="height: 16px; width: 16px; display: block; fill: #b2dadb;">
                                                <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                            </svg></div>
                                        <div class="ren_tenant">0</div>
                                        <div class="ren_add"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                aria-label="加" focusable="false"
                                                style="height: 16px; width: 16px; display: block; fill: #008489;">
                                                <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                <rect height="12" rx="1" width="2" x="11" y="6"></rect>
                                            </svg></div>
                                    </div>
                                </div>
                                <div class="renshu">
                                    <div class="renshu_l">
                                        <div style="height: 20px;line-height: 20px;">婴幼儿</div>
                                        <div style="font-size: 14px; color: #717171;height: 18px;">2岁以下</div>
                                    </div>
                                    <div>
                                        <div class="ren_reduce"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                aria-label="减" focusable="false"
                                                style="height: 16px; width: 16px; display: block; fill: #b2dadb;">
                                                <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                            </svg></div>
                                        <div class="ren_tenant">0</div>
                                        <div class="ren_add"><svg viewBox="0 0 24 24" role="img" aria-hidden="false"
                                                aria-label="加" focusable="false"
                                                style="height: 16px; width: 16px; display: block; fill: #008489;">
                                                <rect height="2" rx="1" width="12" x="6" y="11"></rect>
                                                <rect height="12" rx="1" width="2" x="11" y="6"></rect>
                                            </svg></div>
                                    </div>
                                </div>
                            </div>
                            <div class="w_renshubox_b">
                                <div class="w_renshubox_b_l">清除</div>
                                <div class="w_renshubox_b_r">保存</div>
                            </div>
                        </div>
                    </div>

                    <div class="empty_wishdetail" style="display: none;">
                        <div class="empty_wishdetail_t">尚无收藏的内容</div>
                        <div class="empty_wishdetail_b">搜索时，点击心形图标即可将你喜欢的房源和体验保存到心愿单。</div>
                    </div>
                    <div class="wishcreate_ul">
                        <!-- <div class="del_wishbox_li wishdetail_li" id="${wisharr.homes[index].id}"
                            data-addnote=${(wisharr.homes[index].remark.content) ? (wisharr.homes[index].remark.id) : ''
                            }>
                            <div class="wishdetail_mask" id="${wisharr.homes[index].id}"></div>
                            <div class="wishdetail_love">
                                <div class="wishdetail_love_mask"></div>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                    role="presentation" focusable="false"
                                    style="display: block; fill: #ff385c; height: 24px; width: 24px; stroke: var(--f-mkcy-f); stroke-width: 2; overflow: visible;"
                                    id="5">
                                    <path
                                        d="M16 28c7-4.73 14-10 14-17a6.98 6.98 0 0 0-7-7c-1.8 0-3.58.68-4.95 2.05L16 8.1l-2.05-2.05a6.98 6.98 0 0 0-9.9 0A6.98 6.98 0 0 0 2 11c0 7 7 12.27 14 17z"
                                        class="lazyimg_svg" style="stroke: white;
                                    stroke-width: 2px;" id="5" data-color="0"></path>
                                </svg>
                            </div>
                            <div class="del_wishbox_li_t wishdetail_li_t">
                                <div class="del_wishbox_li_tn wishdetail_li_tn"
                                    style="background: url(${(wisharr.homes[index].pictures) ? (wisharr.homes[index].pictures[0]) : ('http://43.139.230.42:8001/picture/3')}) ;background-size: 240px 240px;"
                                    data-url="${(wisharr.homes[index].pictures) ? (wisharr.homes[index].pictures[0]) : ('http://43.139.230.42:8001/picture/3')}">
                                </div>
                            </div>
                            <div class="del_wishbox_li_b" style="position: relative;">
                                <div class="del_wishbox_stars">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                        role="presentation" focusable="false"
                                        style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                        <path fill-rule="evenodd"
                                            d="m15.1 1.58-4.13 8.88-9.86 1.27a1 1 0 0 0-.54 1.74l7.3 6.57-1.97 9.85a1 1 0 0 0 1.48 1.06l8.62-5 8.63 5a1 1 0 0 0 1.48-1.06l-1.97-9.85 7.3-6.57a1 1 0 0 0-.55-1.73l-9.86-1.28-4.12-8.88a1 1 0 0 0-1.82 0z">
                                        </path>
                                    </svg>
                                    <span class="del_wishbox_star">${wisharr.homes[index].star}</span>
                                </div>
                                <div class="del_wishbox_li_b_t ellipsis" style="width: 180px; font-size: 16px;">
                                    ${wisharr.homes[index].title}</div>
                                <div class="del_wishbox_li_b_b ellipsis" style="width: 190px;font-size: 14px;">
                                    房源被评价数为${wisharr.homes[index].reviewCount}条</div>
                            </div>
                            ${(wisharr.homes[index].remark.content) ? `<div class="add_remarks" style="display: none;">
                                添加备注</div>
                            <div class="add_remarkss" style="display: block;"> <span class="add_remarknote"
                                    id="${wisharr.homes[index].remark.id}">${wisharr.homes[index].remark.content}</span>
                                <span class="add_note">编辑</span> </div>` : `<div class="add_remarks"
                                style="display: block;">添加备注</div>
                            <div class="add_remarkss" style="display: none;"> <span class="add_remarknote"></span> <span
                                    class="add_note">编辑</span> </div>`}

                        </div> -->
                    </div>
                </div>
            </div>



            <!-- 删除与修改心愿单 -->
            <div class="delcha_whish" style="display: none;">
                <div class="delete_wish_close delcha_whish_close">
                    <button aria-label="删除「哈哈哈」（未共享）" type="button" class="l1ovpqvx cwgqky9 dir dir-ltr"><span
                            class="i13tpwjr dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                <path
                                    d="m14.3.3 1.4 1.4L9.43 8l6.29 6.3-1.42 1.4L8 9.43 1.7 15.7.3 14.29 6.57 8 .3 1.7 1.71.3 8 6.57z">
                                </path>
                            </svg></span></button>
                </div>
                <div class="delcha_whish_t">设置</div>
                <div class="delcha_whish_b">
                    <div class="delcha_whish_b_t" style="border-bottom: 1px solid #ddd;">
                        <div class="delcha_whish_b_t_mask"></div>
                        <div style="font-size: 16px;">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; height: 16px; width: 16px; fill: currentcolor;">
                                <path
                                    d="m18.23 7.35 6.42 6.42L10 28.4c-.38.38-.88.59-1.41.59H3v-5.59c0-.52.21-1.04.59-1.41L18.23 7.35zm9.98-3.56a4.54 4.54 0 0 0-6.42 0l-1.44 1.44 6.42 6.42 1.44-1.44a4.54 4.54 0 0 0 0-6.42z">
                                </path>
                            </svg>
                            <span>重命名</span>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                            role="presentation" focusable="false"
                            style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 4; overflow: visible;">
                            <path fill="none" d="m12 4 11.3 11.3a1 1 0 0 1 0 1.4L12 28"></path>
                        </svg>
                    </div>
                    <div class="delcha_whish_b_b">
                        <div class="delcha_whish_b_b_mask"></div>
                        <div style="font-size: 16px;">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; height: 16px; width: 16px; fill: currentcolor;">
                                <path
                                    d="M10 .38c.31 0 .57.23.62.53V2.5H14v2h-1V14a1 1 0 0 1-.88 1H4a1 1 0 0 1-1-.88V4.5H2v-2h3.38V1c0-.31.23-.57.53-.62H10zM6.12 4.5H4.88v9h1.25v-9zm2.5 0H7.38v9h1.25v-9zm2.5 0H9.88v9h1.24v-9zM9.38 1.62H6.62v.88h2.75v-.87z">
                                </path>
                            </svg>
                            <span>删除</span>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                            role="presentation" focusable="false"
                            style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 4; overflow: visible;">
                            <path fill="none" d="m12 4 11.3 11.3a1 1 0 0 1 0 1.4L12 28"></path>
                        </svg>
                    </div>
                </div>
            </div>

            <!-- 删除心愿单 -->
            <div class="delete_wish" style="display: none;">
                <div class="delete_wish_close">
                    <button aria-label="删除「哈哈哈」（未共享）" type="button" class="l1ovpqvx cwgqky9 dir dir-ltr"><span
                            class="i13tpwjr dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                <path
                                    d="m14.3.3 1.4 1.4L9.43 8l6.29 6.3-1.42 1.4L8 9.43 1.7 15.7.3 14.29 6.57 8 .3 1.7 1.71.3 8 6.57z">
                                </path>
                            </svg></span></button>
                </div>
                <div class="delete_wish_t">
                    <div class="delete_wish_t_t">删除此心愿单？</div>
                    <div class="delete_wish_t_b">
                        「 <span class="delete_wish_name"></span> 」将被永久删除。
                    </div>
                </div>
                <div class="delete_wish_b">
                    <div class="delete_wish_b_l">取消</div>
                    <div class="delete_wish_b_r">删除</div>
                </div>
            </div>

            <!-- 修改心愿单 -->
            <div class="change_wish" style="display: none;">
                <div class="delete_wish_close change_wish_close">
                    <button aria-label="删除「哈哈哈」（未共享）" type="button" class="l1ovpqvx cwgqky9 dir dir-ltr"><span
                            class="i13tpwjr dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                <path
                                    d="m14.3.3 1.4 1.4L9.43 8l6.29 6.3-1.42 1.4L8 9.43 1.7 15.7.3 14.29 6.57 8 .3 1.7 1.71.3 8 6.57z">
                                </path>
                            </svg></span></button>
                </div>
                <div class="delcha_whish_t">重命名心愿单</div>
                <div class="wishcreate_m" style="border-bottom: 1px solid #ebebeb;">
                    <div class="wishcreate_m_t change_wish_input" style="width: 328px; height: 52px; padding: 0;">
                        <div class="wishcreate_m_name change_wish_name">名称</div>
                        <input type="text" style="width: 301px; height: 21px;margin: 22px 12px 6px">
                    </div>
                    <div class="wishcreate_m_b change_wish_num" style="font-weight:700;">
                        <span class="min_num">0</span>/<span class="max_num">10</span>个字符
                    </div>
                </div>
                <div class="delete_wish_b" style="width:376px;">
                    <div class="delete_wish_b_l change_wish_b_l">取消</div>
                    <div class="delete_wish_b_r change_wish_b_r">保存</div>
                </div>
            </div>

            <!-- 添加备注 -->
            <div class="add_remarkbox" style="display: none;">
                <div class="delete_wish_close add_remarkbox_close">
                    <button aria-label="删除「哈哈哈」（未共享）" type="button" class="l1ovpqvx cwgqky9 dir dir-ltr"><span
                            class="i13tpwjr dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                <path
                                    d="m14.3.3 1.4 1.4L9.43 8l6.29 6.3-1.42 1.4L8 9.43 1.7 15.7.3 14.29 6.57 8 .3 1.7 1.71.3 8 6.57z">
                                </path>
                            </svg></span></button>
                </div>
                <div class="add_remarkbox_t">
                    添加备注
                </div>
                <div class="add_remarkbox_m">
                    <div class="add_remarkbox_m_l">
                        <img src="http://43.139.230.42:8001/picture/3" alt="">
                    </div>
                    <div class="add_remarkbox_m_r">
                        <div class="add_remarkbox_m_title ellipsis"></div>
                        <div class="add_remarkbox_m_content"></div>
                        <div class="add_remarkbox_m_star">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                <path fill-rule="evenodd"
                                    d="m15.1 1.58-4.13 8.88-9.86 1.27a1 1 0 0 0-.54 1.74l7.3 6.57-1.97 9.85a1 1 0 0 0 1.48 1.06l8.62-5 8.63 5a1 1 0 0 0 1.48-1.06l-1.97-9.85 7.3-6.57a1 1 0 0 0-.55-1.73l-9.86-1.28-4.12-8.88a1 1 0 0 0-1.82 0z">
                                </path>
                            </svg>
                            <span class="del_wishbox_star del_wishbox_starsss"></span>
                        </div>
                        <div class="add_remarkbox_m_add">
                            <div class="wishcreate_m_t add_remarkbox_text">
                                <textarea name="" id="" cols="30" rows="10" placeholder="添加备注"></textarea>
                            </div>
                            <div class="wishcreate_m_b add_remarkbox_textm" style="font-weight:700;">
                                <span class="min_num">0</span>/<span class="max_num">50</span>个字符
                            </div>
                        </div>
                    </div>
                </div>
                <div class="add_remarkbox_b">
                    <div class="add_remarkbox_b_b_l">取消</div>
                    <div class="add_remarkbox_b_b_r">保存</div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>